<template>
	<view>
		<view>
			<image src="/static/images/phone.png" class="ass"></image>
		</view>
		<uni-card>
			<text>当前绑定手机号：</text>
		</uni-card>
		<view class="quit flex-center">
				    <view class="btn flex-center" @click="onchange">
						<text>更换手机号</text>
				      
				    </view>
				 </view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			onchange(){
				uni.navigateTo({
					url:"/pages/my/set/account-security/changephonenumber/changenumber/changenumber"
				})
			}
		}
	}
</script>

<style lang="scss">
	.ass{
		width: 80%;
		height: 500rpx;
		padding: 20rpx 70rpx;
		background: #fff;
		image{
			width:100%;
			height: 100%; 
			border-radius: 100rpx;
		}
	}
	.quit{
	  height: 100rpx;
	  margin-top: 30px;
	  .btn{
	    background-color: #4f99ff;
	    border-radius: 30px;
	    width: 80%;
	    color: white;
	    font-size: 1.2em;
	    height: 100%;
	  }
	}
	.flex-center{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}

</style>
